import { createVuePlugin } from 'vite-plugin-vue2'
import { viteMockServe } from 'vite-plugin-mock';
import autoprefixer from 'autoprefixer'
import pxtovw from 'postcss-px-to-viewport'
import { loadEnv, defineConfig } from 'vite';
import { visualizer } from 'rollup-plugin-visualizer'

export default defineConfig(({ commond, mode }) => {
  const env = loadEnv(mode, process.cwd(), '')
  console.log('env.NODE_ENV', env.NODE_ENV);
  console.log('commond', commond);
  if (env.NODE_ENV === 'development') {
    return {
      plugins: [
        createVuePlugin(/* options */),
        viteMockServe({
          supportTs: false, // 若项目使用TypeScript，改为true
        }),
        visualizer()
      ],
      css: {
        postcss: {
          plugins: [
            pxtovw(),
            autoprefixer()
          ]
        }
      },
      resolve: {
        alias: {
          // 在这里配置你的别名
          '@': '/src',
          '@components': '/src/components',
          '@utils': '/src/utils',
        },
      }
    }
  } else {
    return {
      plugins: [
        createVuePlugin(/* options */),
        visualizer()
      ],
      css: {
        postcss: {
          plugins: [
            pxtovw(),
            autoprefixer()
          ]
        }
      },
      resolve: {
        alias: {
          // 在这里配置你的别名
          '@': '/src',
          '@components': '/src/components',
          '@utils': '/src/utils',
        },
      }
    }
  }
})